<!DOCTYPE HTML>
<html>
<head>
<title>Mathijs en Timo Roulette</title>
<script type='text/javascript' src="js/jquery-1.8.2.min.js"></script>
<script type='text/javascript' src="js/roulette.js"></script>
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script
	src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
	<div id="login">
		<h1 data-role="header">Roulette</h1>
		<form data-role="content">
			username: <input type="text" id="username" /> password: <input
				data-role="button" type="text" id="password" /> <input
				type="button" id="btnLogin" onClick="checkLoginForm();"
				value="Login"> <input data-role="button" type="button"
				id="btnRegister" onClick="registerPlayer();" value="Register">
		</form>
	</div>
	<div id="wrapper">
		<h1 data-role="header">Roulette</h1>
		<div data-role="content" id="resultBlock">
			<h1 data-role="header">Current roll</h1>
			<label class="resultText">25</label>
		</div>
		<label id="tableLabel" data-role="header">Tables:</label>
		<ul data-role="listview" id="tableList"></ul>
		<label id="playerLabel" data-role="header">Players:</label>
		<ul data-role="listview" id="playerList"></ul>
		<div data-role="content" id="mainArea">
			<form action="" method="post" id="form">
				<select id="betOption" name="betOption">
					<option value="0">0</option>
					<option value="1">1</option>
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
					<option value="5">5</option>
					<option value="6">6</option>
					<option value="7">7</option>
					<option value="8">8</option>
					<option value="9">9</option>
					<option value="10">10</option>
					<option value="11">11</option>
					<option value="12">12</option>
					<option value="13">13</option>
					<option value="14">14</option>
					<option value="15">15</option>
					<option value="16">16</option>
					<option value="17">17</option>
					<option value="18">18</option>
					<option value="19">19</option>
					<option value="20">20</option>
					<option value="21">21</option>
					<option value="22">22</option>
					<option value="23">23</option>
					<option value="24">24</option>
					<option value="25">25</option>
					<option value="26">26</option>
					<option value="27">27</option>
					<option value="28">28</option>
					<option value="29">29</option>
					<option value="30">30</option>
					<option value="31">31</option>
					<option value="32">32</option>
					<option value="33">33</option>
					<option value="34">34</option>
					<option value="35">35</option>
					<option value="36">36</option>
					<option value="37">1-12</option>
					<option value="38">13-24</option>
					<option value="39">25-36</option>
					<option value="40">Linker rij</option>
					<option value="41">Midden rij</option>
					<option value="42">Rechter rij</option>
					<option value="43">Even</option>
					<option value="44">Oneven</option>
					<option value="45">Rood</option>
					<option value="46">Zwart</option>
					<option value="47">1-18</option>
					<option value="48">19-36</option>
				</select> <input type="text" id="betValue" /> <input data-role="button"
					type="button" id="btnSave" onClick="addBet();" value="Bet!">
			</form>
			<div data-role="content" id="console"></div>
			<div id="rouletteBetOptions"></div>
		</div>
	</div>
</body>
</html>